<template>
	<view>
		<scroll-view scroll-y class="page">
			<cu-custom bgColor="bg-gradual-blue" :isBack="false">
				<block slot="backText"></block>
				<block slot="content">待办</block>
			</cu-custom>
			<view style="margin-bottom: 30px;"></view>
			<view class="nav-list">
				<navigator hover-class='none'  :url="item.url" class="audit-li" navigateTo 
				  v-for="(item,index) in elements" :key="index">
				    <image :src="'../../static/icons/'+item.cuIcon" class="my-image" ></image>
					<text class="my-title">{{item.title}}</text>
					<!-- <view class="nav-title">{{item.title}}</view>
					<view class="nav-name">{{item.name}}</view>
					<text :class="'cuIcon-' + item.cuIcon"></text> -->
				</navigator>
			</view>
			<view class="cu-tabbar-height"></view>
		</scroll-view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				elements: [{
						title: '日报加工',
						cuIcon: 'report1.png',
						url:'../audit/daily'
					},{
						title: '待开发',
						cuIcon: 'task.png',
						url:'1'
						// url:'../audit/task'
					},
					{
						title: '待开发 ',
						cuIcon: 'sample.png',
						url:'1'
						// url:'../audit/sample'
					},
					{
						title: '待开发',
						cuIcon: 'test.png',
						url:'1'
						// url:'../audit/test'
					},
					{
						title: '待开发',
						cuIcon: 'data.png',
						url:'1'
						// url:'../audit/data'
					},
					{
						title: '待开发',
						cuIcon: 'report.png',
						url:'1'
						// url:'../audit/report'
					},
					
				],
				
				// elements: [{
				// 		title: '任务审核',
				// 		cuIcon: 'task.png',
				// 		url:'../audit/task'
				// 	},
				// 	{
				// 		title: '样品审核 ',
				// 		cuIcon: 'sample.png',
				// 		url:'../audit/sample'
				// 	},
				// 	{
				// 		title: '试样审核',
				// 		cuIcon: 'test.png',
				// 		url:'../audit/test'
				// 	},
				// 	{
				// 		title: '数据审核',
				// 		cuIcon: 'data.png',
				// 		url:'../audit/data'
				// 	},
				// 	{
				// 		title: '报告审核',
				// 		cuIcon: 'report.png',
				// 		url:'../audit/report'
				// 	},
				// 	{
				// 		title: '报告批准',
				// 		cuIcon: 'report1.png',
				// 		url:'../audit/report1'
				// 	}
				// ],
			}
		},
		methods: {

		}
	}
</script>

<style>
 .audit-li {
	 width: 188rpx;
	 height: 188rpx;
	 background-color: #fff;
	 border-radius: 20rpx;
	 box-shadow: 0rpx 4rpx 13rpx rgba(0,0,0,0.1);
	 margin-bottom: 40rpx;
	 display: flex;
	 justify-content: center;
	 flex-direction: column;
	 align-items: center;
 }
 .my-image {
 	 width: 92rpx;
	 height: 92rpx;
	 margin-bottom: 10rpx;
 }
 .my-title {
	 font-size: 29rpx;
	 color: rgb(91,91,91);
 }
</style>
